<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib uri="http://displaytag.sf.net" prefix="display"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<html>
<head>
<title>khutro.net</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href="css/userpage.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="css/style.css" />

<script src="js/jquery-1.8.2.js"></script>
<SCRIPT type="text/javascript" src="js/items.js"></SCRIPT>
<script src="js/scroll-startstop.events.jquery.js"
	type="text/javascript"></script>
<link rel="stylesheet" href="css/stylesconfirm.css">
<script type="text/javascript" src="script/jquery.reveal.js"></script>
<style type="text/css">
<!--
em {
	color: #999;
}

#contentmain .container2 .logincontent1 .logincontent1main h3 {
	color: red;
}
-->
</style>
<style type="text/css">
.ac_over {
	color: white; background-color:green;
}
</style>
<script type="text/javascript">
	function getcurrenturlvalue(){
		var url = "getCurrentUrl.action";
		var testurl = jQuery('#testurl').val();
		var toRemove = 'http://localhost:8080/FSH_Final/';
		var curUrl = testurl.replace(toRemove,'');
		jQuery.ajax({
			url : url,
			data : {
				curUrl : curUrl 
				
			},
			success : function(data) {
				window.location = "login.jsp";
				
			}
		});
	}
</script>
</head>
<body bgcolor="red" leftmargin="0" topmargin="0" marginwidth="0"
	marginheight="0">
	<form action="" id="urlpath" name="urlpath">
<input id="testurl" type="hidden" value=""/>
</form>
<script type="text/javascript">
	var path = window.location;
	urlpath.elements["testurl"].value = path;
</script>
	<script src="//connect.facebook.net/en_US/all.js"></script>
	<!-- Save for Web Slices (khutroslide.psd) -->
	<div id="header">
		<div id="headerContent">
			<a href="index.action" id="logo">khutro</a>
			<ul id="menuBar">
				<li><a href="index.action">Trang chủ</a></li>
				<li><a href="help.jsp">Trợ giúp</a></li>
				<li><a href="checkaddtopic.action">Đăng cho thuê</a>
				<li><a href="checkaddsharetopic.action">Đăng chia sẻ</a>
				<li><a href="compareresult.action">So sánh<span
						id="numberCompare" style="color: red; font-size: 12px">(${number})</span>
				</a></li>
				
			</ul>
			<div id="modal5">
				<div id="heading5">Thông báo !</div>
				<div id="content5">
					<p style="text-align: left; padding-left: 10px; color: black;">Bạn
						cần đăng nhập để sử dụng chức năng này</p>
					<p style="text-align: left; padding-left: 10px; color: black;">Đăng
						nhập với tài khoản của Facebook</p>
						<br/>
					<a style="text-align: left;" href="login.jsp"
						class="button1 green close"><img src="images/dialog/tick.png">Đăng
						nhập</a> <a style="text-align: left;" href="javascript:void(0);"
						class="button1 red close"><img src="images/dialog/cross.png">Đóng</a>
				</div>
			</div>
			<div id="loginPanel">
				<c:choose>
					<c:when test="${displayNamess!=null}">
						<a class="profileButton" href="profileuser.action">${displayNamess}
						</a>
						<ul>
							<c:choose>
								<c:when test="${userRoleIdss==1}">
									<li><a href="adminloadsystem.action">Trang quản lý</a>
								</c:when>
							</c:choose>
							<li><a href="profileuser.action">Trang cá nhân</a></li><li><a href="changepass.jsp">Đổi mật khẩu</a>
							</li>
							<li><a href="logout.jsp">Thoát</a>
							</li>
						</ul>
					</c:when>
					<c:otherwise>
						<a class="loginButton" href="javascript:void(0);" onclick="getcurrenturlvalue();">Đăng nhập</a>
					</c:otherwise>
				</c:choose>
			</div>
			
			<div id="search">
			<DIV class="search-box">
			  <div style="width: 80%;float: left">
		      <INPUT id="lookup_input" class="search-bar" style="width: 220px;height: 24px;" name="keysearch" value="Tìm Kiếm ..." type="text">
		      </div>
		      <div style="width: 19%;float: right;">
		      <img alt="search" src="images/search.png" width="24" height="24" onclick="searchFull();">
		      </div>
				<SCRIPT type="text/javascript" src="js/searchfulltext.js"></SCRIPT>
		      
		      <FORM id="search-form" method="post" action="fulltextsearch.action">
		      	<INPUT id="sortby" class="search-bar" name="sortby" value="0" type="hidden">
		      </FORM>
      		</DIV>
			</div>  
		</div>
	</div>
	<script type="text/javascript">
	$('#lookup_input').bind('keypress', function(e) {
		if(e.keyCode==13){
			searchFull();
		}
	});
	</script>
	<img src="images/spacer.gif" width="1" height="56" alt="">
	<div id="contentmain">
		<br />
		<br />
		<div class="logincontent1"
			style="font: 20px bold; color: blue; height: 200px; background: white;">
			<h3>Cách đăng nhập vào hệ thống.</h3>
			<h4>
				<div id="begin" style="font: 14px nomal; color: black;">
					Hệ thống được liên kết với mạng xã hội Facebook nên để đăng nhập
					vào hệ thống các bạn cần có 1 tài khoản Facebook để đăng nhập, việc
					này có rất nhiều lợi ích : <br> <br> <b>An toàn:</b>Việc
					đăng nhập hoàn toàn thông qua trang đăng nhập của các dịch vụ tương
					ứng nên tài khoản của bạn được bảo mật tốt nhất. Chúng tôi chỉ biết
					thông tin về địa chỉ email của bạn và có thể có thêm tên người
					dùng. <br> <b>Nhanh chóng:</b>Chỉ cần vài lần click chuột là
					bạn đã đăng nhập được vào trang web. <br> <b>Tiện lợi:</b>Tài
					khoản của bạn sẽ được tự động tạo và bạn không cần phải nhớ thêm
					tài khoản hoặc password nào khác.
				</div>
			</h4>
		</div>
		<br />
		<div class="logincontent1 "
			style="font: 20px bold; color: blue; height: 270px; background: white;">
			<h3>Đăng tin cho thuê / chia sẻ.</h3>
			<h4>
				<div id="begin" style="font: 14px nomal; color: black;">
					Sau khi đăng nhập, bạn sẽ có quyền đăng tin cho thuê cũng như chia
					sẻ, việc đăng tin rất đơn giản chỉ với 1 click chuột vào <a><b>Đăng
							tin cho thuê</b> </a> hoặc <a><b>Đăng tin chia sẻ</b> </a> điền
					đầy đủ thông tin, chọn vị trí của ngôi nhà trên bản đồ rồi bấm vào
					nút <b>Đăng tin</b> <br> <br> <b>Lưu ý:</b> <br>-
					Với tin chia sẻ, bạn có thể có cách khác để đến được trang tạo bài
					chia sẻ, đó là click ngay vào hình ảnh <a><b>Chia sẻ
							nhà trọ cho bạn bè</b> </a> ở bên trái màn hình. <br>- Để tránh bị
					block tài khoản, bạn nên hạn chế spam bài đăng trên hệ thống, việc
					hạn chế spam sẽ làm gia tăng uy tín về nhà cho thuê cũng như cho
					chính website vậy. <br>- Để hạn chế spam bài đăng, mỗi 1 thành
					viên chỉ có thể tạo bài mới, chia sẻ cũng như làm mới bài của mình
					<b>5</b> lần trong 1 ngày, vì thế bạn hãy chắc thông tin trước khi
					làm mới cũng như đăng bài. <br>- Nếu thông tin bài đăng của
					bạn bị sai, bạn hay yên tâm rằng chỉ với 1 click sửa, bạn có thể
					thay đổi lại thông tin cho bài đăng của mình, và chúng tôi sẽ không
					giới hạn việc sửa bài của bạn.
				</div>
			</h4>
		</div>
		<br />
		<div class="logincontent1"
			style="font: 20px bold; color: blue; height: 150px; background: white;">
			<h3>So sánh bài đăng</h3>
			<h4>
				<div id="begin" style="font: 14px nomal; color: black;">
					Việc so sánh sẽ giúp cho bạn có thể tìm ra ưu điểm của các nhà trọ
					với nhau nhanh hơn, với việc xem chi tiết một cách tương quan, bạn
					sẽ rút ngắn được thời gian quyết định về nhà trọ chỉ với vài click.
					<br> <br>- Tại trang chủ, bạn có thể so sánh tối đa 3 nhà
					trọ với nhau, sau đó click vào chữ <b>So sánh</b> bên trên cùng của
					website. <br>
				</div>
			</h4>
		</div>
		<br />
		<div class="logincontent1"
			style="font: 20px bold; color: blue; height: 150px; background: white;">
			<h3>Tìm kiếm nhà trọ</h3>
			<h4>
				<div id="begin" style="font: 14px nomal; color: black;">
					Chức năng tìm kiếm sẽ rất hữu ích cho bạn khi bạn muốn tìm kiếm
					nhanh một nhà nào theo tiêu chí nhất định. <br> <br>-
					Chức năng tìm kiếm đơn giản, bạn có tìm kiếm theo khu vực, theo
					diện tích, theo giá sẽ giúp bạn chọn lọc được nhà trọ phù hợp với
					khả năng chi tiêu cũng như nhu cầu đi lại của bạn. <br>
				</div>
			</h4>
		</div>
	</div>
	<div id="footercus" style="text-align: center;">
		Designed by FU team | Powered by Struts<br> khutro.net

	</div>
	<div style="display: none;" class="nav_up" id="nav_up"></div>
	<div style="display: none;" class="nav_down" id="nav_down"></div>
	<script>
		jQuery(function() {
			var $elem = $('#contentmain');

			jQuery('#nav_up').fadeIn('slow');
			jQuery('#nav_down').fadeIn('slow');

			jQuery(window).bind('scrollstart', function() {
				$('#nav_up,#nav_down').stop().animate({
					'opacity' : '0.2'
				});
			});
			jQuery(window).bind('scrollstop', function() {
				$('#nav_up,#nav_down').stop().animate({
					'opacity' : '1'
				});
			});

			jQuery('#nav_down').click(function(e) {
				$('html, body').animate({
					scrollTop : $elem.height()
				}, 800);
			});
			jQuery('#nav_up').click(function(e) {
				$('html, body').animate({
					scrollTop : '0px'
				}, 800);
			});
		});
	</script>

	<!-- End Save for Web Slices -->
</body>
</html>